<head>
<style type=text/css>
body { font-size: 14px; font-family: "宋体" }
ol li { margin: 8px }
#con { font-size: 12px; margin: 0px auto; width: 600px }
#tags { padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px 0px 0px 10px; width: 400px; padding-top: 0px; height: 23px }
#tags li { background: url(images/tagleft.gif) no-repeat left bottom; float: left; margin-right: 1px; list-style-type: none; height: 23px }
#tags li a { padding-right: 10px; padding-left: 10px; background: url(images/tagright.gif) no-repeat right bottom; float: left; padding-bottom: 0px; color: #999; line-height: 23px; padding-top: 0px; height: 23px; text-decoration: none }
#tags li.emptyTag { background: none transparent scroll repeat 0% 0%; width: 4px }
#tags li.selectTag { background-position: left top; margin-bottom: -2px; position: relative; height: 25px }
#tags li.selectTag a { background-position: right top; COLOR: #000; line-height: 25px; height: 25px }
#tagContent { border-right: #aecbd4 1px solid; padding-right: 1px; border-top: #aecbd4 1px solid; padding-left: 1px; padding-bottom: 1px; border-left: #aecbd4 1px solid; padding-top: 1px; border-bottom: #aecbd4 1px solid; background-color: #fff }
.tagContent { padding-right: 10px; display: none; padding-left: 10px; background: url(images/bg.gif) repeat-x; padding-bottom: 10px; width: 576px; color: #474747; padding-top: 10px; height: 250px }
#tagContent div.selectTag { display: block }
.tagContent{
    width:100%;
}
</style>
<meta content="MSHTML 6.00.2800.1589" name=GENERATOR>
</head>
<body>
<br/>
<div id='con'>
  <ul id=tags>
    <li class='selectTag'><a onClick="selectTag('tagContent0',this)" 
  href="javascript:void(0)">我的文章</a> </li>
    <li><a onClick="selectTag('tagContent1',this)" 
  href="javascript:void(0)">发表新文章</a> </li>
    <li><a onClick="selectTag('tagContent2',this)" 
  href="javascript:void(0)">文章管理</a> </li>
  </ul>
  <div id=tagContent>
    <div class="tagContent selectTag" id='tagContent0'>

    <?php $this->widget('zii.widgets.CListView', array(
            'dataProvider'=>$dataProvider,
            'itemView'=>'_view',
        )); 
    ?>
    </div>
    <div class="tagContent" id='tagContent1'>     <?php $this->menu=array(
	array('label'=>'Create User', 'url'=>array('create')),
	array('label'=>'Manage User', 'url'=>array('admin')),
);
?>   
第二个标签的内容</div>
    <div class='tagContent' id='tagContent2'>第三个标签的内容</div>
  </div>
</div>
<p>
  <script type=text/javascript>
function selectTag(showContent,selfObj){
	// 操作标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	// 操作内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
}
</script>
</body>
</html>